@charset "utf-8";
.web{
    .abustop-img{
        margin-top: 56px;
        padding: 0;
        img{
            width: 100%;
        }
    }
    .company{
        padding-bottom: 63px;
       .companyJs{
           .row{
               margin-top: 94px;
               .content{
                   h1{
                       font-size: 36px;
                       color: #2a2a2a;
                       margin-bottom: 30px;
                   }
                   h2{
                       font-size: 21px;
                       line-height: 29px;
                       color:#2a2a2a ;
                       margin-bottom: 24px;
                   }
                   p{
                      font-size: 14px;
                       color: #2a2a2a;
                       line-height: 30px;
                       margin-bottom: 12px;
                   }
               }
               .company-img{
                    margin-top: 150px;
                    width: 303px;
                    height: 176px;
                    overflow: hidden;
                    img{
                        height: 100%;
                    }
               }
           }
       } 
    }
    .recruit{
        padding-top: 115px;
        background: #8cc11f;
        .company-recruit{
            h1{
                font-size: 36px;
                color: #fff;
                margin-bottom: 54px;
            }
            .row{
                .content{
                    p{
                        font-size: 16px;
                        line-height: 30px;
                        color: #fff;
                        margin-bottom: 10px;
                    }
                    p:nth-child(2){
                        margin-bottom: 110px;
                    }
                }
                .hr{
                    p{
                        font-size: 16px;
                        line-height: 30px;
                        color: #fff;
                        margin-bottom: 11px;
                    }
                    a{
                        display: block;
                        width: 219px;
                        height: 48px;
                        background: #fff;
                        color: #8cc11f;
                        font-size: 24px;
                        line-height: 48px;
                        text-align: center;
                        border-radius: 5px;
                        margin-bottom: 10px;
                        font-weight: bold;
                    }
                }
            }
        }
        
    }
    .job{
        background: #fff;
       .as3,.PHP,.business,.Game-operation,.android{
           border-bottom: 1px solid #d2d2d2;
           .row{
               margin-bottom: 59px;
               margin-top: 120px;
               .col-12{
                   h2{
                       font-size: 26px;
                       color: #8cc11f;
                       margin-bottom: 32px;
                       
                   }
                   h3{
                       font-size: 18px;
                       color: #2a2a2a;
                       margin-bottom: 3px;  
                   }
                   .job-desc,.job-require{
                       li{
                           font-size: 14px;
                           color: #2a2a2a;
                           margin-bottom: 6px;
                           margin-left: 22px;
                       }
                   }
               }
           }
       }
    }
    .contact{
        background:#f4f4f4 ;
        padding-top: 43px;
        .contact-1{
            h1{
                margin-bottom: 39px;
            }
            .row{
                padding-bottom: 61px;
                .col-md-6{
                    margin-bottom: 20px;
                    .position{
                        background: #fff;
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        border: 1px solid #d2d2d2;
                        border-radius: 10px;
                        .img{
                            width:70px ;
                            height:70px;
                            overflow: hidden;
                            margin:10px 10px 20px 22px;
                            flex-shrink: 0;
                            img{
                                width: 100%;
                            }
                        }
                        p{
                            font-size: 16px;
                            color: #2a2a2a;
                        }
                    }
                }
            }
            
        }
    }
}
@media only screen and (max-width:414px){
    .web{
        .company{
            .companyJs{
                .row{
                    .company-img{
                        width: 303px;
                        height: 176px;
                        overflow: hidden;
                        margin: 0 auto;
                        .img{
                            
                            width: 303px;
                            height: 176px;
                            overflow: hidden;
                            img{
                                height: 100%;
                            }
                        }
                    }
                }    
            }
        }
        .job{
            .as3,.PHP,.business,.Game-operation,.android{
                .row{
                    margin-top: 80px;
                }
            }
        }
        .recruit{
            .company-recruit{
                margin-top: -50px;
                .row{
                   .content{
                       p:nth-child(2){
                        margin-bottom: 50px;
                    }
                   } 
                }
            }
        }
    }
}
@media only screen and (max-width:320px){
    .web{
        .company{
            .companyJs{
                .row{
                    margin-top: 70px;
                    .company-img{
                        margin: 0 auto;
                        .img{
                            
                            width: 254px;
                            height: 147px;
                            overflow: hidden;
                            img{
                                height: 100%;
                            }
                        }
                    }
                }    
            }
        }
        .recruit{
            .company-recruit{
                margin-top: -50px;
                .row{
                   .content{
                       p:nth-child(2){
                        margin-bottom: 50px;
                    }
                   } 
                }
            }
        }
    }
}
